<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>主页</title>
	<link rel="stylesheet" href="/home/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="/home/css/index.css">
	<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="/home/css/bootstrap.css" rel="stylesheet" />
    <link href="/home/css/font-awesome.css" rel="stylesheet" />
    <link href="/home/css/style.css" rel="stylesheet" />
</head>
<body>
	@include('home/header')
	<div class="container page-main">
		<div class="row"></div>
		<div class="row radio-panel">
			<div class="col-md-12">
				<b><i class="fa fa-volume-up"></i> 公告：</b>
				<span id="radio" class="radio"><marquee>忘了爱~。~</marquee></span>
			</div>
		</div>



	
			
	<div class="row"></div>				
<div class="row">
			<div class="col-md-12">
				<div class="game-intro">

				@foreach($catname as $name)
					<a href="{{url('cat',['cat_id'=>$name->cat_id])}}"><button class="btn btn-default">{{$name->cat_name}}</button></a>
				@endforeach
				</div>	
			</div>

			<div class="panel panel-hover">
				<div class="rank-list">

					@foreach($artlist as $art)
						@foreach($catlist as $cat)
							@if($art->cat_id == $cat->cat_id)
					<div id="myTabContent" class="tab-content">

						 <div class="blog-main">
                        <div class="heading-blog">
                            <a href="{{url('art',['art_id'=>$art->art_id])}}">{{$art->art_title}}</a>
                        </div>
                         <a href="{{url('art',['art_id'=>$art->art_id])}}">
                        <img src="{{$art->art_img}}" class="img-responsive img-rounded" width="1115px" />
                             </a>
                        <div class="blog-info">
                        
                       		
                            	<span class="label label-success">{{$cat->cat_name}}</span>
                           
  
                            <span class="label label-danger">发布时间:{{date( 'Y/m/d' , $art->art_pubtime)}}</span>
                            <span class="label label-info">
                            点击量:
                                <i class="fa fa-thumbs-up"></i>{{$art->art_click}}
                            </span>
                        </div>
                        <div class="blog-txt">
                           	{{$art->art_intro}}
                        </div>
                    </div>
                    		@endif
                    	@endforeach
					@endforeach
					</div>
				</div>
			</div>
		</div>

					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	<footer>
		<div class="foot-banner">
			<div class="col-md-12">
				<ul>
					<li><a href="">Nginx</a></li>
					<li><a href="">Apache</a></li>
					<li><a href="">PHP</a></li>
					<li><a href="">Swoole</a></li>
					<li><a href="">Redis</a></li>
					<li><a href="">MariaDB</a></li>
					<li><a href="">Bootstrap</a></li>
					<li><a href="">JQuery</a></li>
				</ul>
			</div>
		</div>

		<div class="foot-main">
			<div class="foot-main-info">
				<h5><span>｜</span> LEGAL &amp; COPYRIGHT</h5>
				<p class="foot-text">本站严格遵守我国互联网管理条例和相关法律规定,抵制一切不良信息。</p>
				<p class="foot-text">如果您认为本站内容对您的权利有所侵犯，请联系我们及时移除。</p>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> ABOUT US</h5>
				<p class="foot-text">本平台用于技术研究和休闲，是一个娱乐性质的开源程序。我们已经列出了所有用到的开源技术。</p>
				<p class="foot-text">您可以下载源码和文档，自行搭建环境，进行改造和开发。</p>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> CODE &amp; DOCUMENT</h5>
				<a class="foot-href" href=""><i class="fa fa-file"></i> 文档 &nbsp;</a>
				<hr>
				<a class="foot-href" href=""><i class="fa fa-square"></i> 源码 &nbsp;</a>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> AUTHOR INFO</h5>
				<a class="foot-author" href="">袁不语 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">姜富帅 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">九州志 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">蜂窝煤 &gt;&gt;&nbsp;</a><br>
			</div>
		</div>

		<div class="foot-info">
			<span class="foot-copy">艺名人士 &copy; GPL </span>
			<span class="foot-icp"><a href="http://www.miitbeian.gov.cn">牛ICP备 - 66666666</a> </span>
		</div>

		<div class="bigborder col-md-12"></div>

	</footer>
</body>

<script src="home/js/jquery-1.11.1.min.js"></script>
<script src="home/bootstrap/js/bootstrap.min.js"></script>

<script type="text/javascript">
  
  var colors = ['yellowgreen','#ff3300','FD0005','#FF33CC','#003366','#660033','#00cc99','#0066FF','#0099FF','E5F5FF','yellow','green','#66FF33','#FF4D4D','#FFFF66','purple','pink','#666699','brown','#ff6666'];
  var cset = 0;

  $(document).ready(function(){
    setInterval('changeColor()', 50);
    $('#myTab li:eq(1) a').tab('show');
  });

  function changeColor(){
  	$('#radio').css('color', colors[cset]);
  	if(cset == 8){
  		cset = 0;
  	}
  	cset ++;
  }


</script>

</html>
